@font-face {
    font-family: 'Poppins';
    src: url('../../font/Poppins-Bold.eot');
    src: url('../../font/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../font/Poppins-Bold.woff2') format('woff2'),
        url('../../font/Poppins-Bold.woff') format('woff'),
        url('../../font/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../font/Poppins-Medium.eot');
    src: url('../../font/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../font/Poppins-Medium.woff2') format('woff2'),
        url('../../font/Poppins-Medium.woff') format('woff'),
        url('../../font/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../font/Poppins-Regular.eot');
    src: url('../../font/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../font/Poppins-Regular.woff2') format('woff2'),
        url('../../font/Poppins-Regular.woff') format('woff'),
        url('../../font/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../font/Poppins-SemiBold.eot');
    src: url('../../font/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../../font/Poppins-SemiBold.woff2') format('woff2'),
        url('../../font/Poppins-SemiBold.woff') format('woff'),
        url('../../font/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../../font/Inter24pt-Medium.eot');
    src: url('../../font/Inter24pt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../../font/Inter24pt-Medium.woff2') format('woff2'),
        url('../../font/Inter24pt-Medium.woff') format('woff'),
        url('../../font/Inter24pt-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../../font/Inter24pt-Bold.eot');
    src: url('../../font/Inter24pt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../../font/Inter24pt-Bold.woff2') format('woff2'),
        url('../../font/Inter24pt-Bold.woff') format('woff'),
        url('../../font/Inter24pt-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../../font/Inter24pt-Regular.eot');
    src: url('../../font/Inter24pt-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../font/Inter24pt-Regular.woff2') format('woff2'),
        url('../../font/Inter24pt-Regular.woff') format('woff'),
        url('../../font/Inter24pt-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter 24pt';
    src: url('../../font/Inter24pt-SemiBold.eot');
    src: url('../../font/Inter24pt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../../font/Inter24pt-SemiBold.woff2') format('woff2'),
        url('../../font/Inter24pt-SemiBold.woff') format('woff'),
        url('../../font/Inter24pt-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

*{
    padding: 0;
    margin: 0;
}

body {
    font-family: "Poppins", sans-serif !important;
}

header .navgbar {
    padding:15px 96px 15px 96px ;
}

.getStartBtn{
    background-color: #6196BB;
}

.hero{
    width: 100% !important;
    min-height: 120vh !important;
    background-image: url("../../../images/custom/banner1.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.herosideimg{
    width: 900px !important;
    height: auto;
    top: 60px;
    right: -80px;
}

.psCard{
    width: 317px;
    height: 126px;
}

.psSection{
    background-image: url("../../../images/custom/sec2bg.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.ctaBtn{
    width: 346px;
    height: 56px;
}

.testoSec{
    width: 100%;
    min-height:100vh ;
    background-image: url("../../../images/custom/testoBg.png");
    background-repeat: no-repeat;
    background-size: cover;
}


.blogHeader{
    width: 100%;
    height: 80vh;
}

.pricingPage{
    background-image: url("../../../images/custom/pricepage.png");
    background-repeat: no-repeat;
    background-size: 80%;
}

.faqPage{
    background-image: url("../../../images/custom/pricepage.png");
    background-repeat: no-repeat;
    background-size: 80%;
}

.contactPage{
    background-image: url("../../../images/custom/pricepage.png");
    background-repeat: no-repeat;
    background-size: 80%;
}

footer{
    width: 100%;
    min-height: 100vh;
    /* background-image: url("../../../images/custom/footerimg.webp"); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;

    display: flex;
    justify-content: center;
    align-items: flex-end;
}

/* #mobileNav{
    display: none !important;
} */

.bg-blue-500 {
    background-color: #6196BB;
}

.jkk{
    color: #6196BB;
}

/* .testimonialContainer::-webkit-scrollbar {
    display: none;
} */


/* For WebKit browsers (Chrome, Edge, Safari) */
.testimonialContainer::-webkit-scrollbar {
    width: 200px; /* Set the scrollbar width */
    height: 3px;
  }
  
  .testimonialContainer::-webkit-scrollbar-track {
    background: transparent; /* Removes the track background */
  }
  
  .testimonialContainer::-webkit-scrollbar-thumb {
    width: 200px; 
    background-color: rgba(128, 128, 128, 0); /* Set color for the scrollbar thumb */
    border-radius: 5px; /* Optional: rounds the edges */
    border: 50px solid transparent; /* Creates space between the track and thumb */
    cursor: pointer;
  }
  
  /* Optional: Hover effect for the scrollbar */
  .testimonialContainer::-webkit-scrollbar-thumb:hover {
    background-color: rgba(169, 169, 169, 0); /* Change color on hover */
  }
  

#contenthero{
    transform: translateY(-50px);
}

.connector01{
    transform: translateY(-100px) translateX(240px);
    
}

.connector02{
    transform: translateY(-50px) translateX(580px);
}

.kk{
    background-color: #9c241b;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}
.container.container-800px {
    max-width: 800px;
}

.input-group-relative {
    position: relative;
    max-width: 180px;
    margin: 0 auto;
    box-shadow: 0 2px 6px 0 rgba(19,18,66,0.08);
    display: inline-block;
}
.counter-btn-l, .counter-btn-r {
    width: 60px;
    font-size: 30px;
    font-weight: 500;
    color: #6196BB;
    position: absolute;
    top: 0;
    bottom: 0;
}
.counter-btn-l {
    left: 6px;
}
.counter-btn-r {
    right: 6px;
}
ul.list-b-24 li {
    display: flex;
    align-items: center;
    gap: 10px;
}
ul.list-b-24 li::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 24.7565C18.6276 24.7565 24 19.3841 24 12.7565C24 6.12893 18.6276 0.756531 12 0.756531C5.3724 0.756531 0 6.12893 0 12.7565C0 19.3841 5.3724 24.7565 12 24.7565Z' fill='%236196BB'/%3E%3Cpath d='M6.56934 13.5324L9.67255 16.6357L17.4306 8.87762' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 24px;
    height: 24px;
}

.swiper-slide.h-auto {
    height: auto;
}
.swiper.overflow-visible {
    overflow: visible;
}

ul.check-20 li {
    position: relative;
    padding-left: 33px;
}
ul.check-20 li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M6.5 11L9.5 14L15.5 8M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z' stroke='%23305F8F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    position: absolute;
    top: 1px;
    left: 0;
}

.svg-min-30 {
    min-width: 28px;
}

div.swiper-pagination {
    text-align: left;
    padding: 0 16px;
    bottom: 16px !important;
}
span.swiper-pagination-bullet {
    background-color: #E9EAEB;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    opacity: 1;
    margin: 0 8px !important;
}
span.swiper-pagination-bullet-active {
    background-color: #6196BB;
}

.hero-title span.relative {
    background-image: url('../../../images/hero-title-comp.svg');
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100% auto;
    padding-bottom: 22px;
}

@media only screen and (min-width: 1281px) {
    section.hero-section {
        background-image: url('../../../images/hero-bg-1-2x.webp');
        background-repeat: no-repeat;
        background-position: calc(50% + 300px) 45%;
        background-size: 780px auto;
    }
}

@media only screen and (min-width: 769px) {
    .feature-section {
        background-image: url('../../../images/mockup-1-2x.webp');
        background-repeat: no-repeat;
        background-position: calc(50% + 460px) 0;
        background-size: 860px auto;
    }
    .feature-section-1 {
        background-image: url('../../../images/mockup-2-2x.webp');
        background-repeat: no-repeat;
        background-position: calc(50% - 500px) 0;
        background-size: 1000px auto;
    }
    section.hero-section-2 {
        background-image: url('../../../images/hero-bg-2.webp');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
    }
}

@media only screen and (max-width: 768px) {
    section.hero-section-2 {
        background-image: url('../../../images/hero-bg-2-m.webp');
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: cover;
        padding: 32px 16px 400px 16px;
        border-radius: 0 0 45vw 45vw;
    }
    .hero-title span.relative {
        padding-bottom: 14px;
    }
}

@media only screen and (max-width: 600px) {
    footer{
        width: 100%;
        min-height: 160vh ;
    }

    #contenthero{
        transform: translateY(0px);
    }

    /* footer{
        background-image: url("../../../images/custom/footerimgmob.webp");
    } */
    

    header .navgbar {
        padding:10px 15px 10px 5px;
    }

    .hero-img-wrap {
        margin-top: -22%;
        margin-bottom: -20%;
    }

    
    #mobileNav{
        /* display: block !important; */
        width: 100%;
        height: 100vh;
        background-color: white;

        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000;
    }

    .hero{
        min-height: 90vh !important;
    }

    .getStartBtn{
        background-color: #6196BB;
    }

    .psSection{
        background-size:200%;
    }

    .solutionCard{
        margin-left: 0px !important;
    }

    /* footer{
        width: 100%;
        min-height:200vh;
        background-position: top;

    } */

    .priceScroll{
       
        overflow-x: scroll;
        white-space: nowrap !important;
    }

    .priceScrollwrap{
        width: 1000px;
    }

    .pricScrollfixw{
        width: 250px !important;
    
    }

    .hero-section-2 p br {
        display: none;
    }

  }

@media only screen and (max-width: 450px) {
    footer{
        width: 100%;
        min-height: 115vh !important;
    }

    .indexHeadText{
        line-height: 50px;
    }
}
.swiper-pagination-bullet-active{
    background-color: #6196bb !important;
}